<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/kind.css">
    <title>分类</title>
</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><div class="back">
            Back
        </div>
        </a>
        <div class="hd-name">分类</div>
        <div class="select">
            <select name="city">
                <option value="gz">广州市</option>
                <option value="fs">佛山市</option>
                <option value="sz">深圳市</option>
            </select>
        </div>
    </header>
    <section>
        <div class="banner">
            <div>
                <div class="banner-box">
                    <img src="./img/kind/banner1.jpg" alt="">
                </div>
                 <p>美食</p>
            </div>
            <div>
                <div class="banner-box">
                    <img src="./img/kind/banner2.jpg" alt="">
                </div>
                <p>电影</p>
            </div>
            <div>
                <div class="banner-box">
                    <img src="./img/kind/banner3.jpg" alt="">
                </div>
                <p>运动</p>
            </div>
            <div>
                <div class="banner-box">
                    <img src="./img/kind/banner4.jpg" alt="">
                </div>
                <p>唱歌</p>
            </div>
        </div>
        <div class="box">
            <div class="box1"></div>
            <div class="box2"></div>
            <div class="box3"></div>
            <div class="box4"></div>
        </div>
        <div class="content">
            <div class="cn-top">
                <div class="top-lf">
                    <img src="./img/kind/nav1.jpg" alt="">
                     美食类
                </div>
                <div class="top-rg">
                    更多
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="cn-bottom">
                <img src="./img/kind/content1.jpg" alt="">
                <img src="./img/kind/content2.jpg" alt="">
                <img src="./img/kind/content3.jpg" alt="">
                <img src="./img/kind/content4.jpg" alt="">
            </div>
            <div class="cn-top">
                <div class="top-lf">
                    <img src="./img/kind/nav2.jpg" alt="">
                     运动类
                </div>
                <div class="top-rg">
                    更多
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="cn-bottom">
                <img src="./img/kind/sport1.jpg" alt="">
                <img src="./img/kind/sport2.jpg" alt="">
                <img src="./img/kind/sport3.jpg" alt="">
                <img src="./img/kind/sport4.jpg" alt="">
            </div>
            <div class="cn-top">
                <div class="top-lf">
                    <img src="./img/kind/nav3.jpg" alt="">
                     美食类
                </div>
                <div class="top-rg">
                    更多
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="cn-bottom">
                <img src="./img/kind/movie1.jpg" alt="">
                <img src="./img/kind/movie2.jpg" alt="">
                <img src="./img/kind/movie3.jpg" alt="">
                <img src="./img/kind/movie3.jpg" alt="">
            </div>
        </div>
    </section>
    <footer>
        <div class="foot">
            <a href="./index.html">
                <div>
                    <div><img src="./img/kind/index1.jpg" alt=""></div>
                    <p>首页</p>
                </div>
            </a>
            <a href="#">
                <div>  
                    <div><img src="./img/kind/kind2.jpg" alt=""></div>
                    <p>分类</p>
                </div>
             </a>
            <a href="./discover.html">
                <div>
                    <div><img src="./img/index/discover.jpg" alt=""></div>
                    <p>发现</p>
                </div>
            </a>
            <a href="./user.html">
                <div>
                    <div><img src="./img/index/user.png" alt=""></div>
                    <p>我的</p>
                </div>
            </a>
        </div>
    </footer>
</body>
</html>